@media (max-width:1660px) {
	.container {
		width: 1440px;
	}
	
	
}

@media (max-width:1600px) {
	
	.container {
		width: 1300px;
	}
	
}


@media (max-width:1440px) {
	
	

	
}

@media (max-width:1240px){
	.nav>li>a{
		font-size: 0.5rem;
	}
}



@media (max-width:1024px){
	
	
	
}

@media (max-width:960px){
	.topHeight{
		display: none;
	}
	
	.phNav{
		display: block;
		height: auto;
		overflow: hidden;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 999;
	}
		
	.phHead{
		width: 100%;
		height: 2.75rem;
		background-color: #ffffff;
		box-sizing: border-box;
	}
	
	.phHead .container{
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: 100%;
	}
	
	.phlogo{
		width: auto;
		height: 100%;
		display: flex;
		align-items: center;
	}
	
	.phlogo img{
		display: block;
		height: 54%;
		width: auto;
	}
	
	.phnavListBox{
		display: none;
		width: 100%;
		height: calc(100vh - 2.75rem);
		background: #ffffff;
		z-index: 999;
		padding: 2% 4%;
		box-sizing: border-box;
		overflow: auto;
	}
	
	.flex{
		position: fixed;
	}
	
	.phnavListBox>ul{
		display: flex;
		width: 100%;
		flex-direction: column;
		height: auto;
		padding-bottom: 20%;
	}
	
	.phnavListBox>ul>li{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		align-items: center;
		border-bottom: 1px dashed rgba(0, 0, 0, .1);
	}
	.phNavA{
		display: flex;
		align-items: center;
		width: 100%;
		height: auto;
	}
	.phNavA>a{
		font-size: 0.7rem;
		height: auto;
		padding: 1rem 0;
		width: auto;
		color: #333333;
		display: flex;
		font-family: 'ar';
		align-items: center;
		line-height: 1;
	}
	
	
	.phnavListBox>ul>li ul{
		width: 100%;
		padding-left: 10%;
		box-sizing: border-box;
		height: auto;
		overflow: hidden;
		display: none;
	}
	.phnavListBox>ul>li ul li{
		display: flex;
		align-items: center;
		width: 100%;
		height: auto;
	}
	
	.phnavListBox>ul>li ul li a{
		font-size: 0.7rem;
		padding: 0 0 1.4rem;
		height: auto;
		width: 100%;
		color: #333333;
		display: flex;
		align-items: center;
		line-height: 1;
	}
	
	.header{
		display: none;
	}
	
	.phMenu{
		width: 1rem;
	}
	
	.indexAbout{
		flex-direction: column;
		display: flex;
		width: 100%;
		height: auto;
		overflow: hidden;
		padding-top: 2.7rem;
		padding-bottom: 1rem;
		box-sizing: border-box;
		margin-top: 0;
	}
	.indexSerTop p{
		padding-right: 5%;
		box-sizing: border-box;
		line-height: 1.5;
	}
	.indexAboutNeiBox{
		padding-top: 2.5rem;
		padding-right: 4%;
	}
	
	.indexAboutRight{
		position:unset;
		width: 100%;
	}
	.indexAboutLeft{
		width: 100%;
		box-sizing: border-box;
	}
	
	.indexAList{
		width: calc(100% / 2);
	}
	.cultureCon{
		flex-direction: column;
	}
	.cultureL{
		width: 100%;
		margin-bottom: 0.5rem;
	}
	.cultrueR{
		width: 100%;
		margin-bottom: 0.5rem;
	}
	
	.aboutValue{
		height: 18rem;
	}
	
	.aboutWN span{
		font-size: 0.7rem;
	}
	
	.aboutWN h3{
		font-size: 0.9rem;
		margin: 0.5rem 0 0.5rem;
	}
	
	.aboutWN p{
		font-size: 0.4rem;
	}
	
	.w1{
		width: 8rem;
		height: 8rem;
		top: 40%;
		left: 2%;
	}
	.w2{
		width: 6rem;
		height: 6rem;
		top: 60%;
		left: 28%;
	}
	.w3{
		width: 6.1rem;
		height: 6.1rem;
		top: 26%;
		left: 40%;
	}
	.w4{
		width: 5.9rem;
		height: 5.9rem;
		top: 5%;
		left: 58%;
	}

	
	.w5{
		width: 5.9rem;
		height: 5.9rem;
		top: 64%;
		left: 55%;
	}
	
	
	
	.w6{
		width: 7.8rem;
		height: 7.8rem;
		top: 30%;
		left: 70%;
	}
	
	.bannerSwiper{
		height: 100%;
		/* position: relative !important; */
	}
	
	
}


@media (max-width:767px){
	
	.mobile{
		display: block;
	}
	
	.Pcmobile{
		display: none;
	}
	
	.neiNavBox .container a{
		margin-right: 1rem;
	}
	.aboutTop{
		padding: 2.8rem 0 2rem;
	}
	.busiPrev, .busiNext{
		display: none;
	}
	.busiSwiper{
		width: 100%;
	}
	.busiSwiper .swiper-wrapper{
		transform: none !important;
		flex-direction: column;
	}
	.cultureBox{
		padding: 2.8rem 0 0;
	}
	
	.comCop{
		padding:  2rem 0;
	}
	.comCop .fgsTxt{
		width: 100%;
		margin-bottom: 1rem;
	}
	.comCop .fgsTxt p{
		font-size: 0.6rem;
	}
	.readMore{
		margin-top: 1.5rem;
	}
	.indexBTitle p{
		font-size: 0.55rem;
		line-height: 1.5;
	}
	.indexBTop{
		flex-direction: column;
		padding: 1.8rem 0;
	}
	.indexBTopL{
		width: 100%;
		padding: 0 4%;
		box-sizing: border-box;
	}
	.indexBLForm{
		width: 100%;
	}
	.indexBTopR{
		display: none;
	}
	.indexFALeft{
		width: 100%;
		margin-right: 0;
		margin-bottom: 0.5rem;
	}
	.indexFooterCon{
		background-image: none !important;
	}
	.indexFAddress{
		flex-direction: column;
	}
	
	.indexFCopy{
		flex-direction: column;
		margin-top: 1.5rem;
	}
	.webMap{
		margin-top: 0.5rem;
	}
	.indexBottomBox{
		background-size: 100% 30rem;
	}
	
	.neiBannerCon{
		padding-left: 12% !important;
		width: 9rem;
	}
	.baiTitle p{
		margin-bottom: 0.5rem;
	}
	
	.bah{
		display: inline-block;
	}
	
	.neiBanner{
		height: 10rem;
	}
	
	.indexNewsDBox .container{
		flex-direction: column;
	}
	.newDL{
		width: 100%;
		padding-right: 0;
	}
	
	.busiSwiper .swiper-slide a{
		width: calc(100% / 5 - 0.34rem);
	}
	.indexNewT h2{
		font-size: 0.6rem;
	}
	.rbTBox .indexNewList{
		height: 7rem;
		margin-bottom: 0.8rem;
	}
	.rbtwbIconList{
		padding: 0.9rem 0;
	}
	
	.newDR{
		width: 100%;
		margin-top: 1.5rem;
	}
	.indexNewT p{
		height: auto;
		font-size: 0.5rem;
		margin-top: 0.3rem;
	}
	.newDRList .indexNewList:last-child{
		margin-bottom: 0;
	}
	
	.companyZLBox{
		flex-direction: column;
		height: auto;
	}
	.companyZList{
		width: 100% !important;
		height: auto;
		background-image: none !important;
		margin-bottom: 0.5rem;
	}
	.companyZList h1{
		display: none !important;
	}
	.fgsCon{
		display: flex !important; 
	}
	
	.fgsTxt{
		overflow: hidden;
	}
	.fgsPeoListC p{
		line-height: 1.5;
	}
	.comPanySwiper{
		height: 6rem;
	}
	
	.comCop{
		position: relative;
	}
	 .comCop::before {
		content: "";
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background-color: rgba(255, 255, 255, .5);
	}
	
	.comCop .container{
		position: relative;
		z-index: 3;
	}
	.bannerCon span{
		font-size: 1rem;
	}
	.bannerCon h2{
		font-size: 1.2rem;
	}
	
	
	.indexSerivce .indexTitle h3{
		text-align: center;
	}
	.indexSerList{
		width: 100%;
		margin-right: 0;
		height: 7rem;
		padding: 6%;
	}
	.indexSerivce{
		padding: 2rem 0 2rem;
	}
	.indexSoluBox{
		flex-direction: column;
	}
	.indexSoluL{
		width: 100%;
	}
	.indexSoluR{
		width: 100%;
	}
	.indexSoluRL{
		display: none;
	}
	.indexSoluR{
		padding: 2.5rem 0;
	}
	.indexSoluNav{
		justify-content: center;
	}
	.indexPartners{
		padding: 2.5rem 0;
	}
	.indexPartners .container{
		flex-direction: column;
	}
	.indexParL{
		width: 100%;
		padding-right: 0;
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
	}
	
	.indexParL .indexParPage{
		margin-top: 0;
	}
	.indexParR{
		width: 100%;
		margin-top: 1rem;
	}
	.indexNews{
		padding: 2.5rem 0 2rem;
	}
	.rbtItemBox {
		padding: 2.25rem 0 0;
	}
	.rbTBox{
		padding: 2.5rem 0 1.5rem;
	}
	.indexNewCon{
		flex-direction: column;
		margin-top: 1rem;
	}
	.indexNewList{
		margin-right: 0;
		margin-bottom: 0.5rem;
		width: 100%;
	}
	.indexNewTop {
		flex-direction: column;
	}
	
	.indexNewTop .indexTitle{
		margin-bottom: 1rem;
		width: 100%;
	}
	.zpL{
		width: 100%;
		margin-bottom: 1.5rem;
	}
	.zpSelList{
		flex-direction: row;
		flex-flow: row wrap;
	}
	.zpSelList label{
		width: 25%;
	}
	.zpR{
		width: 100%;
		padding-left: 0;
	}
	.rxtYSList{
		flex-flow: row wrap;
	}
	.joinZSListBox .rxtYSListBg{
		width: calc(98%/2 ) !important;
		height: 13rem;
		margin-right: 2%;
		margin-bottom: 1rem;
		padding: 8% 6%;
	}
	.joinZSListBox .rxtYSListBg:nth-child(2n)
	{
		margin-right: 0;
	}
	
	.rxtYSTop p{
		flex: 1;
		min-height: 0;
		overflow: auto;
	}
	.jiamWBox{
		padding-right: 4%;
		box-sizing: border-box;
	}
	.linghSwiperBox{
		padding:  0 0.75rem;
		box-sizing: border-box;
	}
	
	.jiamengLC{
		padding: 2rem 0;
	}
	.hezChooseBox{
		padding: 1.5rem 0 2.5rem;
		flex-flow: row wrap;
	}
	.hzChList{
		width: calc(98% / 2);
		margin-bottom: 0.5rem;
	}
	.hzChList:nth-child(2n){
		margin-right: 0;
	}
	.hzInviteBox{
		flex-direction: column;
	}
	.inviteL{
		width: 100%;
	}
	.inviteR{
		width: 100%;
		margin-top: 1rem;
	}
	.rbtIconListCon{
		flex-direction: column;
	}
	.indexNewList:last-child{
		margin-bottom:0 ;
	}
	.serviceSwiper .swiper-slide img{
		width: 1.5rem;
	}
	.serviceSwiper .swiper-slide h2{
		font-size: 0.8rem;
	}
	.rbtOneL{
		width: 100%;
	}
	.pkright{
		padding-right: 0;
	}
	.parkTopR{
		display: none;
	}
	.rxtYSListBg{
		width:49%;
		margin-right: 2%;
		margin-bottom: 0.5rem;
		padding: 8% 6%;
	}
	.rxtYSListBg:nth-child(2n){
		margin-right: 0;
	}
	.linghuoFaListBox{
		flex-flow: row wrap;
	}
	.linghuoFaList{
		width: 49%;
		margin-right: 2%;
		margin-bottom: 0.5rem;
	}
	.linghuoFaList:nth-child(2n){
		margin-right: 0;
	}
	.linghuoSwiperList{
		flex-direction: column;
	}
	.linghuoSL{
		flex-direction: row;
		width: 100%;
		justify-content: space-between;
		align-items: flex-end;
		margin-bottom: 1rem;
	}
	.linghuoPage{
		margin-top: 0;
	}
	.linghuoService{
		padding-right: 4%;
	}
	.linghuofaBox{
		padding: 2rem 0;
	}
	.newsTopBox .container{
		flex-direction: column;
	}
	.newsTopL{
		width: 100%;
	}
	.newsTopR{
		width: 100%;
		margin-top: 1rem;
	}
	.newsTopRBg{
		width: 100%;
	}
	.newsTopscroll{
		overflow: hidden;
		height: auto;
	}
	
	.parkTopL{
		width: 100%;
	}
	.parkOneL{
		width: 100%;
	}
	.pkleft{
		padding-left: 0;
	}
	.parkList{
		margin-bottom: 2.5rem;
	}
	.plans{
		flex: 0 0 calc(100%/3);
		box-sizing: border-box;
	}
	.planBgBox{
		padding: 3rem 0 2.5rem;
		background-position: center center;
		background-size: auto 60%;
	}
	.planTList{
		width: 100%;
		margin-right: 0%;
		align-items: center;
		margin-bottom: 0.5rem;
		padding: 10% 3%;
		height: auto !important;
	}
	.planThreeBox{
		flex-flow: row wrap;
	}
	.planTShow img{
		display: block;
	}
	.planTList p{
		display: block;
	}
	.rencaiTop{
		flex-direction: column;
	}
	.palnTopRight{
		width: 100%;
		height: auto;
		margin-top: 0.5rem;
		overflow: hidden;
	}
	.planTopTxt{
		height: auto;
		overflow: hidden;
	}
	.planBBoxCon{
		padding-bottom: 2rem;
	}
	.zpLsitBox{
		margin-top: 1rem;
	}
	.rbtYsList{
		width: 100%;
		margin-right: 0;
		padding: 8% 8%;
		height: auto !important;
	}
	.rbtYsList img{
		margin-right: 8%;
		width: 2.4rem;
	}
	.rxtHrBox{
		flex-direction: column;
	}
	.rxtHrList{
		width: 100%;
		margin-right: 0;
		margin-bottom: 0.5rem;
		padding: 8% 6%;
	}
	.rcTopTxt{
		margin-top: 0.5rem;
	}
	.rencaiYSBox{
		background-size: auto 18rem; 
	}
	.rxtHistoryBox{
		padding: 2.8rem 0 0;
	}
	.rxtVocaCon{
		flex-flow: row wrap;
	}
	.rxtVocaList{
		width: 49%;
		margin-right: 2%;
		margin-bottom: 0.5rem;
	}
	.rxtVocaList:nth-child(2n){
		margin-right: 0;
	}
	.rxtVocaBox{
		padding: 2rem 0;
	}
	.aboutNumBox{
		flex-flow: row wrap;
	}
	.aboutNumList{
		width: 50%;
		margin-bottom: 1rem;
	}
	.aboutTopImg{
		height:8rem;
		margin-top: 1rem;
	}
	.aboutValue{
		padding: 2.8rem 0 0;
		height: 12rem;
		overflow: hidden;
	}
	.aboutZzBox{
		padding: 2.8rem 0 2.75rem;
	}
	.aboutWN{
		padding:  0 4%;
		box-sizing: border-box;
	}
	
	.aboutWN span{
		font-size: 0.45rem;
	}
	
	.aboutWN h3{
		font-size: 0.65rem;
		margin: 0.3rem 0 0.2rem;
	}
	
	.aboutWN p{
		font-size: 0.4rem;
		text-align: center;
		line-height: 1.3;
		width: 64%;
		box-sizing: border-box;
	}
	
	.w1{
		width: 4.2rem;
		height: 4.2rem;
		top: 44%;
		left: 2%;
	}
	.w2{
		width: 3.8rem;
		height: 3.8rem;
		top: 64%;
		left: 26%;
	}
	.w3{
		width: 3.8rem;
		height: 3.8rem;
		top: 30%;
		left:36%;
	}
	.w4{
		width: 4rem;
		height: 4rem;
		top: 9%;
		left: 56%;
	}
	
	
	.w5{
		width: 4rem;
		height: 4rem;
		top: 68%;
		left: 52%;
	}
	
	
	
	.w6{
		width: 4.2rem;
		height: 4.2rem;
		top: 38%;
		left: 70%;
	}
	
	.scNav .container{
		overflow: auto;
	}
	.scNav .container a{
		white-space: nowrap
	}
	.fanSwiper .swiper-slide{
		padding: 6%;
	}
	
	.comZSOCon{
		padding: 0 23%;
		box-sizing: border-box;
	}
	.painBox .container{
		flex-direction: column;
	}
	.painL{
		width: 100%;
		margin-bottom: 1.25rem;
	}
	.painTxt{
		margin-bottom: 1.25rem;
	}
	.painR{
		width: 100%;
	}
	.painBox{
		padding: 2.65rem 0 0;
	}
	.fanTopBox{
		padding: 2rem 0 0;
	}
	.rbtYsListR span{
		line-height: 1.3;
	}
	.indexSerIcon{
		width: 4.5rem;
	}
	
	.indexSerTop h2{
		font-size: 0.8rem;
	}
	.indexBIptItem,.indexBLIptSend input{
		padding: 0 7%;
	}
	.indexTitle h3{
		font-size: 1rem;
	}
	.indexSerNav a{
		width: auto;
		padding: 0 2.5%;
		box-sizing: border-box;
		white-space: nowrap;
	}
	.indexParR .swiper-slide a img{
		filter: none;
	}
	.rbtwbIitem p{
		font-size: 0.55rem;
	}
	.serviceSwiper .swiper-slide::after{
		top: 4.5rem;
	}
	.indexTitleNei h3{
		font-size: 0.93rem;
	}
	
}